<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>我的银行卡</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="format-detection" content="telephone=no" />
	<link rel="stylesheet" href="../../css/public-heder-Reset.css">
<style type="text/css">
.bank{height:90px;padding:10px 15px;}
.bank-icon{width:37px;height:37px;background-image:url(../../img/bank.png);background-repeat:no-repeat;background-size:263px 113px;text-indent: -9999px;margin:6px auto 0 auto;background-position:200px 200px;background-color:#fff;border-radius:50%;color:#f8f8f8;}
.bank-details{color:#fff;padding:5px 0;margin-left:10px;}
.bank-name{font-size:15px;line-height:18px;height:18px;}
.bank-type{font-size:13px;line-height:10px;height:10px;}
.bankNumber{font-size:19px;line-height:30px;height:30px;}
/* 银行卡 */
.BOC{background-position:0px 0px;color:#ec5e56;}/*红色*/
.ABC{background-position:-37px 0px;color:#83c69b;}/*绿色*/
.CCB{background-position:-75px 0px;color:#576eb3;}/*蓝色*/
.ICBC{background-position:-113px 0px;color:#ec5e56;}
.CITIC{background-position:-150px 0px;color:#ec5e56;}
.CMBC{background-position:-188px 0px;color:#576eb3;}
.GDB{background-position:-225px 0px;color:#ec5e56;}
.CIB{background-position:0px -38px;color:#576eb3;}
.CEB{background-position:-38px -38px;color:#efc44a;}
.BOS{background-position:-75px -38px;color:#576eb3;}
.PSBC{background-position:-112px -38px;color:#83c69b;}
.HXB{background-position:-150px -38px;color:#ec5e56;}
.SZPAB{background-position:-188px -38px;color:#ec5e56;}
.SPDB{background-position:-225px -38px;color:#576eb3;}
.CMB{background-position:0px -76px;color:#ec5e56;}
.BCCB{background-position:-37px -76px;color:#ec5e56;}
.EGBANK{background-position:-75px -76px;color:#b89f4a;}
.CZB{background-position:-113px -76px;color:#efc44a;}
.CBHB{background-position:-150px -76px;color:#576eb3;}
.SHRCB{background-position:-188px -76px;color:#576eb3;}
.COMM{background-position:-226px -76px;color:#576eb3;}
/* 按钮 */
.submit-btn{height:40px;margin:24px 0 0 0 ;border-radius:5px;padding:0 20px;}
.submit-btn button{width:100%;height:100%;background:#6eba6f;border-radius:5px;display:block;color:#fff;line-height:40px;text-align:center;font-size:18px;}
</style>
</head>
<body>
	<div class="page-box">
		<!-- header -->
		<header class="page-header">
			<a href="javascript:history.go(-1)" class="back"></a>
			<p class="pege-name">我的银行卡</p>
		</header>
		<div class="liubai"></div>
		<div class="bankBox">
			<div class="bank clear">
				<div class="fl" style="width:50px;height:50px;border-radius:50%;background:#fff">
					<div class="bank-icon"></div>
				</div>
				<div class="bank-details fl">
					<div class="bank-name"></div>
					<div class="bank-type">&nbsp;</div>
					<div class="bankNumber">***&nbsp;&nbsp;****&nbsp;&nbsp;****&nbsp;&nbsp;<span class="bank_number"></span></div>
				</div>
			</div>
		</div>
		<div class="submit-btn">
			<button style="border:none">解除绑定</button>
		</div>
	</div>	
<script type="text/javascript" src="../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../js/http-url.js"></script>
<script type="text/javascript">
	$(function(){
		ajaxRequest('/api/user/fb/card/pay',null,function(data){
			$('.bank-icon').addClass(data.data.data.bank_code);
			$('.bank').css('backgroundColor', $('.bank-icon').css('color'));
			$('.bank_number').text(data.data.data.bank_number);
			$('.bank-name').text(data.data.data.bank.name)
		},false);
		$('.submit-btn').find('button').click(function(){
			window.location.href='U-isUnbundling.html';
		});
	});
</script>
</body>
</html>